body{padding: 0;margin: 0;}
body,html,body>div{height: 100%;}
.row-a,
.row-j,
.row-l,
.row-c,
.row-r,
.col-j,
.col-a,
.col-t,
.col-c,
.col-b,
.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.auto,
.col-a>.item,
.row-a>.item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.col-j>.auto{overflow:auto;-webkit-overflow-scrolling:touch}
.col-t,
.row-l{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:start}
.row-c,
.col-c{-webkit-box-pack:center;-webkit-justify-content:flex-center;-ms-flex-pack:center;justify-content:center}
.row-r,
.col-b{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end}
.row-j,
.col-j,
.row-a{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.col-b,
.col-t,
.col-c,
.col-j,
.col-a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.row-cc{position:relative;overflow:hidden;zoom:1}
.row-cc>.item{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:100%}
.w10{height: 100%;width: 10px;}
input{box-sizing:border-box;}

.container {padding: 0 15px;}

.fcolor {color: orange}
.bdcolor {border-color: orange}
.bgcolor {background-color: orange;}
.fcolor2 {color: rgba(31, 215, 107, 1.0);}

.user {margin:20px 0 20px 0;}
.user .d1 img{width: 40px;height: 40px;border-radius: 500px;margin: 0 15px 0 0;}

.money {margin:0 0 20px 0;}
.money .l1{border-bottom: solid 1px rgba(0,0,0,0.1);padding-bottom: 5px;}
.money .d1 {font-size: 24px;margin: 0 15px 0 0;line-height:1;}
.money .d2 .h1{font-size: 20px;min-height: 28px;}
.money .d3 input{font-size: 12px;color: rgba(0,0,0,0.3);margin: 10px 0 0 0;border: 0;outline: none;text-align: left;}

.list1 {margin-bottom: 10px;}
.list1 .d2{margin: 0 0 0 5px;}
.list1 {border-bottom:solid 1px rgba(0,0,0,0.1);padding:10px 0;}
.list1 .d1 img{height: 20px;width: 20px;}
.list1 .d4{margin: 0 5px 0 0;}
.list1 .i1{font-size: 18px;position: relative;top: 2px}

.card1 {margin: 0 0 10px 0;}
.card1 .d1{width:45%;border-radius: 6px;border: solid 1px rgba(0,0,0,0.2);text-align: center;padding: 15px 0;position: relative;}
.card1 .d2{}
.card1 .d2 .i1{font-size: 18px;position: relative;top: 2px}
.card1 .d3{}
.card1 .h1{margin: 0 0 0 5px;}
.card1 .h2{font-size: 14px;margin:7px 0 0 0;}
.card1 .i2{position: absolute;right: 5px;bottom: 5px;display: none;font-size: 18px;}
.card1 .slt .i2{display: block;}
.card1 .slt {border-color: orange;}

.card2 .h2{}

.keyboard {background-color: #f0f0f0;padding: 10px 10px 20px 10px;}
.keyboard .d1{}
.keyboard .d2{width:65px;}
.keyboard .d3{height: 65px;background-color: #fff;border-radius: 6px;border: solid 2px #f0f0f0;box-sizing:border-box;}
.keyboard .d4{float: left;width:33%;padding: 10px 0;text-align: center;background-color: #fff;font-size: 12px;box-sizing:border-box;border: solid 2px #f0f0f0;border-radius: 6px;font-size: 24px;}
.keyboard .d5{text-align: center;font-size: 20px;color: #fff;border-radius: 6px;border: solid 2px #f0f0f0;}
.keyboard .i1{text-align: center;font-size: 20px;}
.keyboard .i2{text-align: center;}
